/**
 * Created by Administrator on 2017/5/26.
 */
$(function() {
    //header
    //移入 我的E宠 时显示下拉菜单
    $(".active1").mouseover(function () {
        $(".mypet").css("display", "block");
        $(".active1 img").css({"transform": "rotate(270deg)", "transition": "all .1s"});
    });
    $(".active1").mouseout(function () {
        $(".mypet").css("display", "none");
        $(".active1 img").css({"transform": "rotate(90deg)", "transition": "all .1s"});
    });
    $(".mypet").mouseover(function () {
        $(".mypet").css("display", "block");
        $(".active1 img").css({"transform": "rotate(270deg)", "transition": "all .1s"});
    });
    $(".mypet").mouseout(function () {
        $(".mypet").css("display", "none");
        $(".active1 img").css({"transform": "rotate(90deg)", "transition": "all .1s"});
    });
    //移入 收藏我 时显示下拉菜单
    $(".active2").mouseover(function () {
        $(".collect").css("display", "block");
        $(".active2 img").css({"transform": "rotate(270deg)", "transition": "all .1s"});
    });
    $(".active2").mouseout(function () {
        $(".collect").css("display", "none");
        $(".active2 img").css({"transform": "rotate(90deg)", "transition": "all .1s"});
    });
    $(".collect").mouseover(function () {
        $(".collect").css("display", "block");
        $(".active2 img").css({"transform": "rotate(270deg)", "transition": "all .1s"});
    });
    $(".collect").mouseout(function () {
        $(".collect").css("display", "none");
        $(".active2 img").css({"transform": "rotate(90deg)", "transition": "all .1s"});
    });
    //移入 商品分类 时箭头转动
    $(".active4").mouseover(function () {
        $(".active4 img").css({"transform": "rotate(180deg) translateX(-5px)", "transition": "all .1s"});
        $(".list10,.part").css("display", "block");
        $(".cat").css("display", "none");
    });
    $(".list10,.part").mouseover(function(){
        $(".list10,.part").css("display", "block");
    })
    $(".list10,.part").mouseout(function(){
        $(".list10,.part").css("display", "none");
    })
    $(".active4").mouseout(function () {
        $(".list10,.part").css("display", "none");
        $(".active4 img").css({"transform": "rotate(0) translateX(0)", "transition": "all .1s"});
    });



    $(".active3").mouseover(function () {
        $(".active3 img").css({"transform": "rotate(180deg)", "transition": "all .1s"});
        $(".list10,.part").css("display", "none");
        $(".cat").css("display", "block");
    });
    $(".cat").mouseover(function(){
        $(".cat").css("display", "block");
    })
    $(".cat").mouseout(function(){
        $(".cat").css("display", "none");
    })
    $(".active3").mouseout(function () {
        $(".cat").css("display", "none");
        $(".active3 img").css({"transform": "rotate(0)", "transition": "all .1s"});

    });
    //回顶部
    var a=document.getElementById("wrap_r_block7")
    a.onclick = function(){
        document.documentElement.scrollTop = 0;
        document.body.scrollTop = 0;
    }

    //猫咪日用上面的三小块列表移入移出
    $(".move1").mouseover(function(){
        $(".bottom1").css("display","block");
    })
    $(".move1").mouseout(function(){
        $(".bottom1").css("display","none");
    })
    $(".bottom1").mouseover(function(){
        $(".bottom1").css("display","block");
    })
    $(".bottom1").mouseout(function(){
        $(".bottom1").css("display","none");
    })
    $(".move2").mouseover(function(){
        $(".bottom2").css("display","block");
    })
    $(".move2").mouseout(function(){
        $(".bottom2").css("display","none");
    })
    $(".bottom2").mouseover(function(){
        $(".bottom2").css("display","block");
    })
    $(".bottom2").mouseout(function(){
        $(".bottom2").css("display","none");
    })
    $(".move3").mouseover(function(){
        $(".bottom3").css("display","block");
    })
    $(".move3").mouseout(function(){
        $(".bottom3").css("display","none");
    })
    $(".bottom3").mouseover(function(){
        $(".bottom3").css("display","block");
    })
    $(".bottom3").mouseout(function(){
        $(".bottom3").css("display","none");
    })
    //送至 移入移出
    //$(".cat_move").mouseover(function(){
    //    $(".cat_block").css("display","block")
    //    $(".cat_move img").css({"transform": "rotate(180deg)","transition": "all .5s"})
    //})
    //商品小图的移入移出
    $('.cat_right_b').on('mouseover','.product_move1',function(){
        $(this).css("border","1px solid #ff9900")
        $(this).next().css("border","1px solid #ddd");
        $(this).prev().find("img").attr("src","../images/listimg/product1.jpg");
        $(this).parent().find('.rightPrice').css("display","none");
        $(this).parent().find('.leftPrice').css("display","block");
    }).on('mouseover','.product_move2',function(){
        $(this).css("border","1px solid #ff9900")
        $(this).prev().css("border","1px solid #ddd");;
        $(this).parent().find(".product_t").find("img").attr("src","../images/listimg/product5.jpg");
        $(this).parent().find(".rightPrice").css("display","block");
        $(this).parent().find(".leftPrice").css("display","none");
    })


    //var jsonList = [{
    //    name:"aaa",
    //    url:""
    //},{
    //    name:"bbb"
    //},{
    //    name:"ccc"
    //}];
    //var productList = function(){
    //    var html = '';
    //    for(var i = 0;i < jsonList.length; i++){
    //        html += '<div class="product1">'+
    //            '<div class="product_t"></div>'+
    //            '<i class="product_move1"><img src="'+"images/listimg/icon_p2.jpg"+'" ></i>'+
    //            '<i class="product_move2"><img src="images/listimg/icon_p2.jpg" ></i>'+
    //            '<div class="clean"></div>'+
    //            '<p><a href="javascript:;">'+ jsonList[i].name +'</a></p>'+
    //        '<div class="span1 leftPrice"><b>￥95.50</b><em>￥82.00</em></div><br/>'+
    //        '<div class="span1 rightPrice"><b>￥120.50</b><em>￥100.00</em></div><br/>'+
    //        '<strong>已售111袋 &nbsp;&nbsp;&nbsp;61人互动<br/>'+
    //        '西部大仓发货</strong>'+
    //        '<div class="product_b">'+
    //            '<div class="shoucang"><span>收藏</span></div>'+
    //            '<div class="cat_cart"><span>加入购物车</span></div>'+
    //            '</div>'+
    //            '</div>'
    //    }
    //    $('.cat_right_b').append(html);
    //}
    //productList();
    $.ajax({
        url:"../js/package.json",
        type:"get",
        success:function(res){
            var html = '',
                dataJson = res;
            for(var i=0;i<dataJson.length;i++){
                html += '<div class="product1">'+
                    '<div class="product_t"><img src="'+dataJson[i].url+'" ></div>'+
                    '<i class="product_move1"><img src="'+dataJson[i].url1+'" ></i>'+
                    '<i class="product_move2"><img src="'+dataJson[i].url2+'" ></i>'+
                    '<div class="clean"></div>'+
                    '<p class="product_part"><a href="../html/item.html" target="_blank">'+ dataJson[i].name +'</a></p>'+
                    '<span class="span1 leftPrice"><b>￥'+dataJson[i].Price2+'</b><em>￥'+dataJson[i].Price1+'</em></span><br/>'+
                    '<span class="span1 rightPrice"><b>￥120.50</b><em>￥100.00</em></span><br/>'+
                    '<strong>已售111袋 &nbsp;&nbsp;&nbsp;61人互动<br/>'+
                    '西部大仓发货</strong>'+
                    '<div class="product_b">'+
                    '<div class="shoucang"><span>收藏</span></div>'+
                    '<div class="cat_cart"><span>加入购物车</span></div>'+
                    '</div>'+
                    '</div>'
            }
            $('.cat_right_b').append(html);

        }
    })
    //    $.getJSON('package.json',function(response,status,xhr){
    //        //alert(response);
    //        var html = '';
    //        for(var i=0;i<response.length;i++){
    //            html += '<div class="product1">'+
    //                '<div class="product_t"></div>'+
    //                '<i class="product_move1"><img src="'+"images/listimg/icon_p2.jpgPrice1"+'" ></i>'+
    //                '<i class="product_move2"><img src="images/listimg/icon_p2.jpg" ></i>'+
    //                '<div class="clean"></div>'+
    //                '<p><a href="javascript:;">'+ response[i].name +'</a></p>'+
    //                '<span class="span1 leftPrice"><b>￥95.50</b><em>￥82.00</em></span><br/>'+
    //                '<span class="span1 rightPrice"><b>￥120.50</b><em>￥100.00</em></span><br/>'+
    //                '<strong>已售111袋 &nbsp;&nbsp;&nbsp;61人互动<br/>'+
    //                '西部大仓发货</strong>'+
    //                '<div class="product_b">'+
    //                '<div class="shoucang"><span>收藏</span></div>'+
    //                '<div class="cat_cart"><span>加入购物车</span></div>'+
    //                '</div>'+
    //                '</div>'
    //        }
    //        $('.cat_right_b').append(html);
    //        //}'html');
})